<div class="m-shophome" :important="mc_shophome">
  <div class="m-user">
    <div class="m-info">
      <div class="u-imgcon">
        <img :attr="{src: @info.shop.logo + '?imageView2/1/w/384'}" alt="">
      </div>
      <h2 class="company">
        {{@info.shop.title}}
      </h2>
      <div class="synopsis">
        {{@info.shop.brief}}
      </div>
      <div class="authentication">
        <div class="item">
          <i :class="['s-icon', 's-icon-step1',@info.shop.authsp === 1?'s-icon-on':'s-icon-off']"></i>
          <span>服务商认证</span>
        </div>
        <div class="item">
          <i :class="['s-icon', 's-icon-step1',@info.shop.authlocal === 1?'s-icon-on':'s-icon-off']"></i>
          <span>上门认证</span>
        </div>
      </div>
    </div>
    <div class="m-empower">
      <div class="app">
        <div :class="['item', @info.third.wxmpauthid?'color-on':'color-off',@info.third.wxmpauthid?'item-app1':'item-app1-off']">{{@info.third.wxmpauthid?'已':'未'}}授权开通微信公众号</div>
      </div>
      <div class="app">
        <div :class="['item', @info.third.wxappauthid?'color-on':'color-off',@info.third.wxappauthid?'item-app2':'item-app2-off']">{{@info.third.wxappauthid?'已':'未'}}授权开通微信小程序</div>
      </div>
      <div class="app">
        <div :class="['item', @info.third.aliappauthid?'color-on':'color-off',@info.third.aliappauthid?'item-app3':'item-app3-off']">{{@info.third.aliappauthid?'已':'未'}}授权开通支付宝生活号</div>
      </div>
      <div class="app">
        <div :class="['item', @info.third.alilifeauthid?'color-on':'color-off',@info.third.alilifeauthid?'item-app4':'item-app4-off']">{{@info.third.alilifeauthid?'已':'未'}}授权开通支付宝小程序</div>
      </div>
    </div>
  </div>
  <div class="real_time">
    <table>
      <tr>
        <td class="thead" colspan="4">
          <span class="label">实时数据</span>
          <span class="time">更新时间:<span :text="@formatTime(@info.updatetime,'cn',false)"></span></span>
        </td>
      </tr>
      <tr>
        <td>
          <div class="databox">
            <div class="img">
              <img src="./images/icon_guanzhu.png" alt="">
            </div>
            <div class="info">
              <p>浏览量</p>
              <p>{{@info.total.view}}</p>
            </div>
          </div>
          <div class="yesterday">
            <span>昨日全天</span>
            <span>{{@info.yesterday.view}}</span>
          </div>
        </td>
        <td>
          <div class="databox">
            <div class="img">
              <img src="./images/icon_yonghu.png" alt="">
            </div>
            <div class="info">
              <p>访客数</p>
              <p>{{@info.total.visitor}}</p>
            </div>
          </div>
          <div class="yesterday">
            <span>昨日全天</span>
            <span>{{@info.yesterday.visitor}}</span>
          </div>
        </td>
        <td>
          <div class="databox">
            <div class="img">
              <img src="./images/icon_order.png" alt="">
            </div>
            <div class="info">
              <p>订单数</p>
              <p>{{@info.total.ordernum}}</p>
            </div>
          </div>
          <div class="yesterday">
            <span>昨日全天</span>
            <span>{{@info.yesterday.ordernum}}</span>
          </div>
        </td>
        <td>
          <div class="databox">
            <div class="img">
              <img src="./images/icon_sales_volume.png" alt="">
            </div>
            <div class="info">
              <p>成交额</p>
              <p>￥{{@info.total.turnover / 100}}</p>
            </div>
          </div>
          <div class="yesterday">
            <span>昨日全天</span>
            <span>{{@info.yesterday.turnover / 100}}</span>
          </div>
        </td>
      </tr>
    </table>
  </div>
  <div class="m-tbox">
    <div class="m-time">
      <div class="zuijin">
        最近7天
        <span class="u-icon u-icon-select-open"></span>
      </div>
      <div class="date">
        <div class="input">
          <input type="text" :attr="{id: 'j-date-start'}" placeholder="开始时间"
          :duplex="@date.stime"
          :rules="{required: true}"
          data-duplex-changed = "@initEcharts()"
          data-required-message="请填写开始时间">
          <label :attr="{for: 'j-date-start'}" class="u-icon u-icon_day_22"></label>
        </div>
          <div class="hr"></div>
        <div class="input">
          <input type="text" :attr="{id: 'j-date-end'}" placeholder="结束时间"
          :duplex="@date.etime"
          :rules="{required: true}"
          data-duplex-changed = "initEcharts()"
          data-required-message="请填写结束时间">
          <label :attr="{for: 'j-date-end'}" class="u-icon u-icon_day_22"></label>
        </div>
      </div>
      <div class="xiazai">
        <div>
          <span>
            <img src="./images/icon_download.png" alt="">
            <strong>下载表格</strong>
          </span>
        </div>
      </div>
    </div>
    <div class="m-hart">
       <div id="main" class="echarts" style="height:400px;width:879px;"></div>
    </div>
  </div>
</div>
